<template>
    <div id="doctorList">
        <header>
            <i @click="goBack()"></i>
            <div>牙医榜</div>
        </header>
        <div>
            <div class='vipType'>
                <div class="vip1">
                    <div>
                        <h5>普通会员</h5>
                        <p>普会员普通会员普员普通会员普员普通会员普员普通会员普员普通会员普通会员普通会员普通会员12345678901234</p>
                    </div>
                    <a>已 注 册</a>
                </div>
                <div class="vip2">
                    <div>
                        <h5>牙医认证会员</h5>
                        <p>普普通会员普通会员普通会员普通会员</p>
                    </div>
                    <router-link to='selectAuth'>注册</router-link>
                </div>
                <!-- <div class="vip3">
                    <div>
                        <h5>普通会员</h5>
                        <p>普员普通会员普通会员普通会员普通会员</p>
                    </div>
                    <a>注册</a>
                </div> -->
            </div>
            <div class='bg'>
                <div class='tit'>
                    <h3>排行榜说明:</h3>
                    <p>排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明排行榜说明</p>
                </div>
                <div class='list'>
                    <h3>排行榜:</h3>
                    <div class='tite'>
                        <h5>名次</h5>
                        <h3>名称</h3>
                        <h3>会员级别</h3>
                        <h4>地区</h4>
                        <h3>联系方式</h3>
                    </div>
                    <ul>
                        <li v-for='(val,index) in list' :key='index'>
                            <span>{{val}}</span>
                            <span class='it'>北欧的第三</span>
                            <span class='it vipLevel'>VIP1</span>
                            <span>北京</span>
                            <span class='it'>137****6301</span>
                        </li>
                    </ul>
                </div>
                <div class='btn'>
                    <a class='prev'>上一页</a>
                    <a class='next'>下一页</a>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                list: [1,2,3,4,5,6,7,8,9,10,11,12]
            }
        },
        methods: {
            goBack() {
                this.$router.push({name: 'home'});
            },
            // getList() {
            //  const url = 'waigoods/getIGoodsList';
            //     const params = Object.assign({},null, {
            //      from: 'WX',
            //      goodsSale:'3',
            //      pageSize:4,
            //     })
            //     var that = this;
            //  this.$api.get(url,params,r => {
            //      console.log(r);
            //      that.list = r.list;

            //  },err => {
            //      console.log(err);
            //  })
            // }

        },
        created() {
            // this.getList();
        }
    }
  </script>
  <style lang="scss" scoped>

  </style>